<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/首页.css">
    <script src="./js/zepto.min.js"></script>
    <script src="./js/首页.js"></script>

</head>

<body>
    
    <header>
        <div class="hdbox1"></div>
        <div class="hdbox2"></div>
        <div class="hdbox3"></div>
    </header>
    <section>
        <div class="stbox1">
            <div class="stbox11">
            <input type="text" placeholder="输入小区或商圈名开始找房了！">
            </div>
        </div>
        <ul class="stbox2">
            <li>
                <p>商品房</p>
            </li>
            <li>
                <p>新房</p>
            </li>
            <li class="stbox2li1">
                <p>租房</p>
            </li>
            <li>
                <p>卖房</p>
            </li>
        </ul>
        <div class="stbox3">
            <img src="./image/index/banner2.png" alt="">
        </div>
        <div class="stbox4">
            <p>热门房源</p>
            <p> Hot House</p>
        </div>
        <ul class="stbox5">
            <li class="stbox5li">
                <div class="stb51">
                    <img src="./image/index/img1.jpg" alt="">
                </div>
                <ul class="stb52">
                    <li><h1 class="stb52p1">文化部中间层一层带...</h1></li>
                    <li class="stb52li2"> 
                        <p class="stb52s1">2室一厅96㎡</p>
                        <p class="stb52s2">1105万</p>
                    </li>
                    <li class="stb52li2"> 
                        <p class="stb52s3">红庙北里</p>
                        <p class="stb52s3">14268元/平</p>
                    </li>
                    <li class="stb52li3"> 
                        <p >学区房</p>
                        <p >独家</p>
                    </li>
                </ul>
            </li>
            <li class="stbox5li">
                <div class="stb51">
                    <img src="./image/index/img1.jpg" alt="">
                </div>
                <ul class="stb52">
                    <li><h1 class="stb52p1">光大水墨精装复式...</h1></li>
                    <li class="stb52li2"> 
                        <p class="stb52s1">2室一厅96㎡</p>
                        <p class="stb52s2">280万</p>
                    </li>
                    <li class="stb52li2"> 
                        <p class="stb52s3">光大水墨</p>
                        <p class="stb52s3">14268元/平</p>
                    </li>
                    <li class="stb52li3"> 
                        <p >学区房</p>
                        <p >独家</p>
                        <p >满五唯一</p>
                    </li>
                </ul>
            </li>
            <li class="stbox5li">
                <div class="stb51">
                    <img src="./image/index/img1.jpg" alt="">
                </div>
                <ul class="stb52">
                    <li><h1 class="stb52p1">南北通透两居精装修...</h1></li>
                    <li class="stb52li2"> 
                        <p class="stb52s1">2室一厅96㎡</p>
                        <p class="stb52s2">320万</p>
                    </li>
                    <li class="stb52li2"> 
                        <p class="stb52s3">光大水墨</p>
                        <p class="stb52s3">14268元/平</p>
                    </li>
                    <li class="stb52li3"> 
                        <p >地铁房</p>
                        <p >独家</p>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="stbox6">
           <div class="stb6box1">
            <div class="stb6box11">热门关注</div>
            <div class="stb6box12">友情链接</div>
           </div>
           <ul class="stb6box2">
            <li>
                <p>北京二手房</p>
                <p>北京找房无忧</p>
            </li>
            <li>
                <p>北京二手房价</p>
                <p>青年家园</p>
            </li>
            <li>
                <p>海淀日租房</p>
                <p>免税房源</p>
            </li>
            <li>
                <p>朝阳新房</p>
                <p>满五年唯一免税</p>
            </li>
           </ul>
        </div>
    </section>
    <footer>
        <div class="ftbox1">
            <p>北京找房无忧>首页</p>
        </div>
        <ul class="ftbox2">
           <li class="ftb21"></li>
           <li class="ftb22">iPhone客户端</li>
           <li class="ftb23"></li>
           <li class="ftb24">Android客户端</li>
        </ul>
    </footer>
</body>

</html>